<template>
	<view>
		<view class="header">
			<input disabled="true" @click="onSearch" class="header-input" placeholder="点击搜索" type="text" />
			<view class="acts">
				<u-icon labelColor=#cfb56a name="star-fill"></u-icon>
				<p @click='onWelfare'>签到</p>
			</view>
		</view>
		<swiper  class="swiper-all" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item>
				<view class="swiper-item">
					<image class="swiper-image" src="/static/yuans01.png" mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image class="swiper-image" src="/static/yuans02.png" mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image class="swiper-image" src="/static/yuans03.png" mode=""></image>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		methods:{
			onSearch(){
				uni.navigateTo({
					url:'/pages/search/search'
				})
			},
			onWelfare(){
				uni.switchTab({
					url:'/pages/welfare/welfare'
				})
			}
		}
	}
	
</script>

<style lang="scss" scoped>
.swiper-all{
	width:100%;
	height:360rpx;
	overflow: hidden;
	position: relative;
	.swiper-item{
		width: 100%;
		height: 100%;
		overflow: hidden;
		.swiper-image{
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
	}
}
.header{
	height: 100rpx;
	width:100%;
	z-index: 999999;
	height: 60rpx;
	position: absolute;
	top: 80rpx;
	display: flex;
	.header-input{
		border: 1px solid #000;
		background-color: rgba(255, 255, 255, 0.5);
		height: 60rpx;
		width: 70%;
		border-radius: 20rpx;
		text-indent: 30rpx;
		margin-left: 30rpx;
	}
	.acts{
		border: 1px solid #000;
		border-radius: 16rpx;
		text-align: center;
		margin-left: 50rpx;
		background-color: red;
		line-height: 40rpx;
		color: #fff;
		display: flex;
	}
}
</style>